@charset "utf-8";
@media (max-width: 1500px) {
  body{min-width:320px; overflow-x: auto;}
  .container{width: auto; margin-right: 20px; margin-left: 20px;}
  
  .common-row.space50{margin:0 -15px;}
  .common-row.space50 .grid{padding:0 15px;}
  .mb50{margin-bottom: 30px;}

  .header{min-width:320px;}
  .header-banner{min-width:320px;}
  .footer{min-width:320px;}

  .header .header-menus ul li.user{display: none;}
  .header .header-menus ul li.en{display: none;}
  
  .owl-carousel.owlcarousel-arrow .owl-nav > div{margin-top: -20px; width: 40px; height: 40px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div i{font-size: 1.125em;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev {left: -20px !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next {right: -20px !important;}
}

@media (max-width: 1439px) {
  .header .mainnav{left: 28%; width: 48%;}
  .header .mainnav ul li .link{font-size: 1.125em;}
  
  .footer-link-content ul li{width: 25%;}
  .footer-col.col-1{width: 38%;}
  .footer-col.col-2{width: 31%;}
  .footer-col.col-3{width: 31%;}
  
  .common-head .hd li{font-size: 1.25em;}
  .common-head .menu2 li{line-height: 45px; padding-right: .6125em; padding-left: .6125em; margin-right: 0; border-top-right-radius: 20px;}
  .menu-icons li a.link{font-size: 1.0625em;}
  .margins{margin-top: 20px; margin-bottom: 20px;}
  .mb{margin-bottom: 20px;}
  .mb15{margin-bottom: 10px;}
  .mb20{margin-bottom: 15px;}
  .mt{margin-top: 20px;}
  .imageList ul{margin: -20px -10px 0;}
  .imageList ul li a{margin: 20px 10px 0;}
  .entirebox{padding: 20px;}
  .fullbox{padding: 25px; margin-top: 10px; margin-bottom: 10px;}
  
  .menu-icons{margin-top: -15px; margin-right: -7px; margin-left: -8px;}
  .menu-icons li a{margin: 15px 7px 0 8px;}
  .menu-icons.col-m-7 li{width: 16.66667%;}
}

@media (max-width: 1199px) {
  .header .header-menus ul{display: none;}
  .header .mainnav{width: 54%;}
  /*.header-banner{height: 100vh;}*/
  .drawer-hall-menu{padding-right: 2%; padding-left: 5%;}
  .footer-col.col-1{width: 42%;}
  .footer-col.col-2{width: 32%;}
  .footer-col.col-3{width: 26%;}
  .footer-grid{font-size: 14px;}
  .easyBtn{top: auto; bottom: 15px; transform: none;}
  .easyBtn .quickPanel{display: none !important;}
  .easyBtn .dl-toggle{display: none !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div{margin-top: -18px; width: 36px; height: 36px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div i{font-size: 1.125em;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev {left: -18px !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next {right: -18px !important;}
  .fullbox{padding: 20px; margin-top: 5px; margin-bottom: 5px;}
}

@media (max-width: 1080px) {
  body{font-size: 15px;}
  .common-row{margin:0 !important;}
  .common-row .grid{padding-right:0 !important; padding-left:0 !important;}
  .common-row>*{float: none; width: auto !important;}
  .common-row{margin-top: 0; margin-bottom: 0;}
  
  .menu-icons.col-m-2 li{width: 33.33333%;}
  .menu-icons li a.box .inline dd{white-space: normal;}
}

@media (max-width: 1023px) {
  .header .mainnav{display: none;}
  .header .view{padding-right: 100px;}
  .header-logo{width: 55%;}
  .header-menus{right: 100px;}
  .header-toggle-btn{width: 90px;}
  .fixed-header{display: none;}
  .fixMenuActive .header-toggle-btn{position: fixed; width: 80px; height: 80px; background-color: rgba(11,97,199,.29) !important;}
  .open-the-drawer .header-toggle-btn{width: 90px; height: 100px; background-color: transparent !important;}
  
  .footer-col .bqxx{padding-left: 8%;}
  
  .container{margin-right: 15px; margin-left: 15px;}
  .fullscreen{margin-right: 0 !important; margin-left: 0 !important;}
  .fullbox{padding: 0 !important; box-shadow: none;}
  .layout{padding-top: 25px;}
  .margins{margin-top: 15px; margin-bottom: 15px;}
  .mb{margin-bottom: 15px;}
  .mt{margin-top: 15px;}
  .mb20{margin-bottom: 10px;}
  .mb50{margin-bottom: 15px;}
  .entirebox{padding: 15px;}
  
  .crumb{background-color: #ededed; border-bottom: none; margin-bottom: 15px;}
  .crumb h2{padding-top: 15px; padding-bottom: 15px;}
  
  .menu-icons{margin-top: -10px; margin-right: -5px; margin-left: -5px;}
  .menu-icons li a{margin: 10px 5px 0;}
  .menu-icons li a.link{padding-top: 1em !important; padding-bottom: 1em !important;}
  .menu-icons.col-m-2 li{width: 33.33333%;}
  .menu-icons.col-m-3 li{width: 33.33333%;}
  .menu-icons.col-m-5 li{width: 33.33333%;}
  .menu-icons.col-m-6 li{width: 25%;}
  .menu-icons.col-m-7 li{width: 33.33333%;}
  .menu-icons.col-m-fixed li{width: 25% !important;}
  
  .imageList ul{margin: -15px -7px 0 -8px;}
  .imageList ul li a{margin: 15px 7px 0 8px;}
  .imageList ul li{width: 33.33333% !important;}
  
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev {left: 10px !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next {right: 10px !important;}
}

@media (max-width: 991px) {
  .drawer-hall-menu ul li{width: 100% !important;}
  .drawer-hall-menu ul li dl{margin-right: 0; margin-left: 0;}
  .drawer-hall-menu ul li+li{margin-top: 1.75em;}
  .drawer-hall-menu ul li dl dd.submenu{padding-top: 1em;}
  .drawer-hall-menu ul li dl dd.submenu span{float: left; margin-right: 1.875em; padding-top: .3125em; padding-bottom: .3125em;}
  .footer-link-main .container{margin: 2px 4px 0;}
  .footer-link-menu ul{margin-right: -2px; margin-left: -2px;}
  .footer-link-menu ul li{width:50%; height: auto;}
  .footer-link-menu ul li a{display: block; margin: 2px; padding-top: 8px; padding-bottom: 8px; font-weight: bold; background-color: #4386d3; border-radius: 3px;}
  .footer-link-menu ul li a:hover{color:#333;}
  .footer-link-menu ul li a font{width: 8em; text-align: left;}
  .footer-link-menu ul li.on a{background-color: #3279c8; color: #fff !important;}
  .footer-link-content .container{margin-bottom: 0; background-color: #1b6ac2;}
  .footer-link-content ul{padding-bottom: 0;}
  .footer-link-content ul li{width: 33.33333%;}
  .footer-link-content ul li a{text-align: left; background-color: transparent !important;}
  .footer-grid{padding-top: 0; padding-bottom: 0; margin-right: -15px; margin-left: -15px;}
  .footer-col{width: 50% !important; height: auto; line-height: 2em;}
  .footer-col.col-1{width: 100% !important;}
  .footer-col:before{top: auto; right: 0; height: 1px; width: auto;}
  .footer-col:after{content: normal;}
  .footer-col.col-3:before{content: normal;}
  .footer-col>div{padding: 15px 20px !important;}
  
  
  .common-bd{padding-top: .625em;}
  .common-head .menu1 li{font-size: 1.125em; margin-right: 1.25em;}
  
  .infoList li{border-bottom: 1px dashed #dadada;}
  .infoList.hadLine li{padding-top: 1em; padding-bottom: 1em;}
  .infoList.hadLine li:before{content: normal;}
  
  .rel-appendixs h3{padding:20px 0 5px;}
  
  .tpxw .owl-carousel .item img{height: auto !important;}
  .midbanner .owl-carousel .item img{height: auto !important;}
  
  .navs-list li{width: 33.33333% !important;}

}

/* xs mobile*/
@media (max-width: 768px) {
  .drawer-hall-head{height: auto; padding-left: 20px;}
  .header-drawer .drawer-hall-head .header-logo{position: static; height: 100px; padding-right: 20px;}
  .header-drawer .header-menus{position: static; margin-top: 0; margin-bottom: 10px; clear: both;}
  .header-drawer .header-menus .ss{position: absolute; top: 30px; right: 70px;}
  .header-drawer .header-menus .ss .iconfont{font-size: 2.5em;}
  .header-drawer .header-menus ul{padding-right: 0; padding-left: 0; background-color: transparent;}
  .header-drawer .header-menus ul li{position: relative; padding-right: 2em; padding-left: 0;}
  .header-drawer .header-menus ul li:before{position: absolute; top: 32%; bottom: 32%; right: 1em; content: ""; width: 1px; background-color: #fff;}
  .header-drawer .header-menus ul li:last-child:before{content: normal;}
  .drawer-hall-menu{padding: 0 20px;}
  .ajaxList li{padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ededed;}
  .ajaxList li.head{padding-top:10px !important; padding-bottom:10px !important; border-bottom:none; background-color:#f8f8f8;}
  .ajaxList li.head h4{padding-left:12px;}
  .pagediv .page_index{display: none;}

  
  .newsList.twoCol li{width: 100%;}
  
  .tab-brief.res > .hd ul li{margin:0 10px 10px 0 !important; padding:0 12px !important; font-size: 1.125em; line-height:40px; background-color:#f1f1f1; border-bottom:none;}
  .tab-brief.res > .hd ul li.on{color:#fff; background-color:#257de1;}
  .tab-brief.res > .hd ul li.on a{color:#fff;}
  .tab-brief.res > .hd li:after{display: none;}
  .tab-brief.res .bd > .item > .newsList{margin-top: 0;}
  .tab-brief > .hd .more{display: none;}
  .m-common-more{display:block;}
  
  .js-tab .js-head{display: none;}
  .js-tab .js-bd .item{display: block !important;}
  .js-tab .js-bd .item .common-head{display: block;}
  .common-head .common-more{display:none;}

  .menu-icons.col-m-5 li{width: 50%;}
  .menu-icons.col-m-6 li,
  .menu-icons.col-m-7 li{width: 33.33333%;}
}

@media (max-width: 680px) {
  .imageList ul li{width:50% !important;}
  .navs-list li{width: 50% !important;}
  .menu-icons li a.link.icon i{width: 3em; height: 3em;}
  .menu-icons.tab-menu li a.link.icon font{font-size: 1.25em;}
}

@media (max-width: 640px) {
  
  .footer-col{width: 100% !important;}
  .column-head h2{font-size: 2.25em;}
  .column-head h3{font-size: 1.5em; margin-top: -12px;}
  
  .owl-carousel.owlcarousel-common .owl-nav > div{margin-top: -30px; width: 30px; height: 60px;}
  .owl-carousel.owlcarousel-common .owl-nav > div i{font-size: 1.75em;}
  .owl-carousel.owlcarousel-common .owl-nav > div.owl-prev{border-top-right-radius: 70px; border-bottom-right-radius: 70px;}
  .owl-carousel.owlcarousel-common .owl-nav > div.owl-next{border-top-left-radius: 70px; border-bottom-left-radius: 70px;}
  
  .owl-carousel.owlcarousel-arrow .owl-nav > div{margin-top: -15px; width: 30px; height: 30px; background: none !important;box-shadow: none !important; border: none;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div i{font-size: 1em;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev{left: 0 !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next{right: 0 !important;}

  .package .subnavs{position: static; margin-top: 15px;}
  .package .subnavs li{margin-left: 1em;}
  
  .alert-warning{top: 5%; right: 0; left: 0; width: 96%; margin-top: 0; margin-right: auto; margin-left: auto; height: auto;}
  .alert-wzsm{width: 90%; height: auto; margin: 15px auto 0; font-size:1.25em; line-height: 1.6em;}
  
  .header .inhead .menu li{float: none; width: auto;}
  .header .inhead .datetime{float: none; width: auto;}
  .header .inhead .tianqi{float: none; width: auto; display: none;}
  
  .menu-icons.col-m-6 li{width: 50%;}
  .menu-icons.col-m-fixed li{width: 33.33333% !important;}
}

@media (max-width:  480px) {
  .footer-link-content ul li{width: 50%;}
  
  .menu-icons.merge{margin: 0; padding: 1px 0 0 1px;}
  .menu-icons.merge li a.link{margin: -1px 0 0 -1px;}
}


@media (max-width:  450px) {
  .header{height: 80px;}
  .header-logo{width: 65%; padding-right: 0;}
  .header-menus{right: 36px;}
  .header-toggle-btn{height: 80px;}
  .header-drawer .header-menus{margin-top: -5px;}
  .header-drawer .header-menus .ss{top: 20px; right: 36px;}
  .header-drawer .header-menus .ss .iconfont{font-size: 2em;}
  .header-drawer .drawer-hall-head .header-logo{height: 80px; height: 80px;}
  .header-toggle-btn{width: 60px; background-color: transparent;}
  .header-toggle-btn div{margin-top: -11px; width: 30px; height: 22px;}
  .open-the-drawer .header-toggle-btn{width: 60px; height: 80px;}
  
  .footer-link-menu ul li{width: 100%;}
  
  .column-head h2{font-size: 2em;}
  .column-head h3{font-size: 1.375em;}
  
  .infoList li h4{padding-right:0 !important;}
  .infoList li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
  .infoList li h4 .time{position:static !important;}
  .imageList ul li a .txt.normal{display: block; height: auto;}
  .imageList ul li a .txt.normal span{display: block; height: auto;}
  .imageList ul li a .txt.normal span font{white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow: hidden; max-width: 100%;}
  .navs-list li{width: 50% !important;}
  .navs-list li a font b{margin-left: 20px;}
  .navs-list li a font:before{left: 6px;}
  
  .newsList.res li h4{padding-right:0 !important;}
  .newsList.res li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
  .newsList.res li h4 .time{position:static !important;}
  .newsList.res.dot li h4:before{top: 18px; margin-top: 0;}
  .newsList.res.line.dot li h4:before{top: 25px; margin-top: 0;}
  .newsList.res.line.dot li h4{padding-top: 14px; padding-bottom: 14px;}
  
  .menu-icons.col-m-2 li{width: 50%;}
  .menu-icons.col-m-3 li{width: 50%;}
  .menu-icons.col-m-7 li{width: 50%;}
  .menu-icons.col-m-fixed li{width: 50% !important;}	
}

@media (max-width:  400px){
  
}

@media (max-width:  360px){
  .navs-list li{width: 100% !important;}
  .menu-icons.col-m-5 li{width: 100%;}
}

@media (max-width:  320px){

}